<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
  <link rel="stylesheet" href="../lib/element-plus/index.css">
    <style>

          .box{
               width: 460px;
              margin-left: 600px;
               margin-top: 300px;
          }
    </style>
</head>
<body>

  <div id="app">


      <el-card class="box">
      <template #header>
           <h3>注册</h3>

      </template>


       <el-form label-width="120px">
           <el-form-item label="姓名">
                <el-input></el-input>
           </el-form-item>

         <el-form-item label="姓名">
           <el-input></el-input>
         </el-form-item>

         <el-form-item label="姓名">
           <el-input></el-input>
         </el-form-item>

           <el-form-item>
                <el-button type="danger">确定</el-button>
           </el-form-item>
       </el-form>

      </el-card>
  </div>
</body>
<script src="../lib/vue.global.js"></script>
<script src="../lib/element-plus/index.full.js"></script>
<script>

  var app = Vue.createApp({
    data:function (){

    },methods:{

    }
  });
  app.use(ElementPlus).mount('#app')

</script>
</html>